Mau Jadi Web Designer? Terapkan Hal Dasar Berikut

Mau Jadi Web Designer? Terapkan Hal Dasar Berikut - Menjadi seorang web designer itu pasti harus memiliki jiwa seni yang baik. Sebab, seorang web designer itu dituntut harus memiliki ide-ide yang membuat mata terpesona bila memandangi sebuah objek. Objek apa coba? Apalagi kalau bukan website.

Bila seorang web programmer dituntut harus menguasai jalannya sistem sebuah web, namun beda halnya dengan web designer. Seorang web designer bertugas khusus untuk mengatur tampilan sebuah web. Tentu pekerjaan ini tidak mudah dan tidak bisa dianggap sebagai hal yang sepele.

Tampilan sebuah web akan menjadi tolak ukur bagi pengunjung sebuah web. Tentu ini sangat penting sekali. Bila tampilannya bagus, pengunjung akan semakin betah berselancar pada web tersebut. Namun, apa jadinya bila tampilan websitenya sangat membosankan? Inilah yang harus dipikirkan baik-baik bagi seorang web designer.

Bagi sobat sekalian yang sudah terjun di dunia IT, pasti tidak sedikit ni yang minat menjadi seorang web designer. Tidak dengan orang awam. Masih banyak pula di antara mereka yang belum mengetahui mengenai web designer.

Apa itu web designer?

Secara singkat, web designer adalah orang yang bertugas khusus untuk mengatur tampilan sebuah website. Bagus atau kurang bagusnya sebuah website itu ditentukan dari skill seorang web designer.

Strategi menjadi web designer

Strategi yang paling utama yang harus dimiliki seorang web designer adalah mendesign yang baik dan bagus. Skill design yang dibutuhkan di sini adalah bagaimana kiranya agar tampilan website menjadi menarik dan tidak cepat membosankan. 

Seorang web designer harus mampu memadukan antara warna, font, tata letak, konten, hingga membuat logo website. Tentu pekerjaan ini harus memiliki keahlian khusus yang tidak bisa kita anggap sepele.

Belum lagi ada tambahan animasi yang membuat daya tarik pengunjung semakin kuat untuk mengunjungi website kita. Wah, ternyata tanggung jawab seorang web designer ini sangat besar juga ya. Patut untuk kita telusuri, sob.

Berikut ini akan kita paparkan apa saja hal mendasar yang harus dimiliki seorang web designer:

1. Design

Sudah pasti mendesign tidak bisa dihilangkan di dalam jiwa seorang web designer. Sebelum membuat tampilan sebuah web, seorang web designer harus menentukan sketsa web yang akan dibuat. Bisa didesign secara manual maupun secara digital melalui software design seperti Adobe photoshop, Ilustrator, dan sebagainya.

Jadi, bila sobat ingin menjadi seorang web designer, alangkah baiknya harus mempelajari mengenai design yang baik dan juga harus memahamai konsep pembuatan website agar kiranya website dibuat semenarik mungkin.

2. HTML dan CSS

Seorang web designer tentu tidak lepas dari yang namanya ngoding. Walau tugasnya mengatur tampilan website, namun skill koding juga wajib dimiliki seorang web designer. HTML dan CSS merupakan bahasa pemrograman web yang harus dikuasai oleh seorang web designer.

HTML digunakan untuk membuat struktur website, sedangkan CSS digunakan untuk merancang tampilannya. Jadi, HTML dan CSS sangat berhubungan erat guna membangun tampilan website. 

3. JavaScript

Perkembangan teknologi yang kian hari semakin terus berkembang, tidak menutup kemungkinan untuk seorang web designer mengupdate skillnya. 

Sebenarnya point 1 dan 2 di atas sudah menjadi hal yang sangat dasar yang wajib dikuasai seorang web designer. Namun, web designer juga membutuhkan skill tambahan seperti mempelajari JavaScript.

Tampilan website akan terus berkembang sesuai zaman. Misalnya ada tampilan website yang menggunakan fitur slideshow, ataupun membuat jendela konfirmasi. Tentu itu dibutuhkan koding JavaScript. Yang terpenting sobat harus bisa belajar secara bertahap.

4. Bootstrap dan jQuery

Bila sobat ingin terus mempelajari dunia web design, sobat pastinya akan berkenalan dengan makhluk yang bernama bootstrap maupun jQuery. 

Bootstrap merupakan framework dari CSS yang bisa digunakan untuk membuat tampilan website menjadi responsive. Sedangkan jQuery merupakan library JavaScript yang memberi kemudahan untuk membuat efek animasi.

Bootstrap dan jQuery sangat membantu web designer untuk mempercepat kerjaannya. Jadi, sobat jangan sungkan-sungkan untuk belajar lebih jauh mengenai dunia web design.

 

Mungkin itu saja hal dasar yang harus sobat terapkan bila ingin menjadi seorang web designer. Jangan ragu untuk belajar jauh mengenai dunia web design. Bukan tak mungkin suatu saat nanti sobat menjadi seorang web designer yang handal dalam bidangnya.

Demikianlah ulasan mengenai mau jadi web designer? terapkan hal dasar berikut. Mudah-mudahan bermanfaat ya, sob.

Mau Jadi Web Programmer? Pelajari 4 Hal Dasar Ini

Mau Jadi Web Programmer? Pelajari 4 Hal Dasar Ini - Berkarir di dunia IT, tentu sangat banyak diminati pada zaman yang serba canggih ini. Tak terkecuali bagi para pemuda-pemudi yang memiliki passion di bidang IT.

Salah satu karir IT yang banyak diminati yaitu web programmer. Tentu untuk mewujudkan itu semua tidaklah semudah membalikkan telapak tangan. Butuh perjuangan yang konsisten untuk menjadi seorang web programmer.

Bagi orang-orang yang memiliki latar belakang IT, pasti sudah banyak yang tau apa saja kerjaan seorang web programmer itu. Bahkan tak sedikit pula beberapa di antara mereka yang memutuskan untuk terjun berkarir ke sana. Namun bagi orang awam, apa mungkin mereka bisa terjun berkarir sebagai seorang web programmer? Tentu saja bisa. Asal ada kemauan, insyaAllah jalan terbuka lebar.

Web programmer? Tentu saja bukan hanya sobat sekalian yang bingung dengan pekerjaan itu. Ane pun dulu awal-awalnya bingung juga. Padahal ane memiliki pendidikan latar belakang IT loo, sob. Bukan tak jarang juga ane ngotak ngatik koding.

Kalau diliat dari aktivitas ane yaitu ngoding, seharusnya ane faham betul apa itu web programmer. Tapi apalah daya, mungkin ane belum kepikiran dengan karir itu kali ya dan masih butuh ilmu tambahan ni, sob. Hehehe.

Apa itu web programmer

Secara singkat, web programmer adalah orang yang menulis kode atau mengoding menggunakan salah satu atau banyak bahasa pemrograman berbasis web. Fokus pekerjaan dari seoang web programmer adalah membuat website ataupun aplikasi berbasis web.

Strategi menjadi web programmer

Strategi utama yang harus sobat lakukan bila ingin menjadi seoang web programmer adalah mempelajari dasar-dasar pemrograman web. Berikut ini akan kita paparkan strategi yang harus dilakukan untuk menjadi seorang web programmer:

1. Sobat sekalian bisa mulai dari belajar koding HTML

Kalok dibilang sebagai bahasa pemrogramman sih enggak. Namun HTML merupakan koding dasar web yang harus dikuasai bagi seseorang yang ingin terjun ke dunia web. Apa belajar HTML itu susah? Kalau menurut ane sih enggak. Bahkan bisa dibilang gampang banget.

Sobat tidak perlu memahami dasar algoritma, apalagi sampai berpikir keras. Tentu tidak, sob. Yang sobat harus fahami itu tentang cara menggunakan web browser seperti internet explorer, google chrome. mozila firefox, ataupun web browser lainnya.

2. Belajar CSS

Langkah selanjutnya yang boleh sobat pelajari adalah belajar CSS. Ini juga sama dengan HTML yaitu bukan sama-sama bahasa pemrogramman. HTML selalu berhubungan erat dengan CSS. Bila sobat ingin mempercantik tampilan website, tidak ada salahnya untuk belajar CSS.

Fungsi dari CSS ini tidak lain hanyalah untuk mempercantik tampilan website. Sebenarnya sih tidak ada pengaruhnya dengan web programmer. Namun, setidaknya sobat bisa memahami sedikit tentang CSS tanpa harus repot-repot meminta bantuan web designer yang dominannya lebih ke CSS.

3. Belajar Logika Algoritma dan PHP

Nah, bila HTML dan CSS selalu berkaitan erat untuk menciptakan suatu tampilan website yang elegan. Namun, beda halnya dengan PHP. Bahasa pemrograman PHP inilah disebut dengan bahasa pemrograman murni yang fungsinya untuk mengatur jalannya sistem.

Sebagai seorang web programmer, tentu tidak asing lagi dengan nama PHP. Saat ini, PHP merupakan salah satu bahasa pemrogramman favorit yang banyak diminati di kalangan web programmer. Tidak tanggung-tanggung, perusahaan sekelas facebook pun dibangun menggunakan bahasa pemrograman ini.

Belajar PHP tentu saja akan menggunakan logika dan algoritma. Sobat sekalian harus bisa mengerti bagaimana sebuah sistem itu akan dibuat. Jadi, alangkah baiknya sobat harus memahami dulu mengenai logika dan algoritma sebelum memulai belajar PHP.

Kenapa ane sarankan belajar PHP? Karena saat ini bahasa pemrograman PHP open source. Komunitas-komunitas PHP pun sudah banyak tersebar sehingga kita bisa saling diskusi antara peminat PHP yang lainnya.

Namun bagi sobat sekalian yang sudah memiliki kemampuan pada bahasa pemrograman selain PHP, misalnya ASP, ASP.NET, Java, Perl, Python, dan bahasa pemrograman server side lainnya, tentu tidaklah menjadi sebuah masalah.

Yang paling penting yaitu menguasai salah satu dari beberapa bahasa pemrograman itu. Kalau sobat menguasai lebih dari satu bahasa pemrograman, tentu akan menjadi sebuah nilai tambah.

4. MySQL

Bila sobat sudah mempelajari PHP, alangkah baiknya sobat juga belajar MySQL. Fungsi dari MySQL ini yaitu sebagai tempat penyimpanan data atau lebih dikenal dengan sebutan database. 

PHP dan MySQL selalu berkolaborasi. Banyak web programmer senior yang menghandalkan PHP dan MySQL untuk membuat suatu aplikasi berbasis web. Jadi, sobat harus belajar PHP dahulu sebelum berlanjut ke MySQL.

Bisa dibilang belajar MySQL ini wajib. Sudah pasti, sistem yang akan kita membuat akan membutuhkan tempat penyimpanan data. Dan pastinya seorang web programmer tidak boleh lengah akan hal itu.

Tidak hanya MySQL, database yang lainnya pun juga bisa sobat pelajari seperti Oracle, MongoDB, dan sebagainya.

Mungkin itu saja 4 hal dasar yang harus dipelajari bila sobat ingin menjadi seorang web programmer. Bila sobat tekuni dengan baik, insyaAllah sobat akan menjadi seorang web programmer handal.

Demikianlah ulasan mengenai mau jadi web programmer? pelajari 4 hal dasar ini. Mudah-mudahan bermanfaat ya, sob.

Baca juga : Perlukah Orang IT Menguasai Semua Bidang IT

Perlukah Orang IT Menguasai Semua Bidang IT?

Perlukah Orang Informatika Menguasai Semua Bidang IT? - Melihat perkembangan zaman yang semakin hari semakin terus berkembang, maka teknologi informasi pun ikut berperan dalam perkembangannya. Teknologi informasi atau IT sudah menjadi hal yang sangat tidak asing bagi masyarakat dunia, terkhusus Indonesia.

Dalam perkembangannya, teknologi informasi tidak lepas dari orang-orang IT karena orang-orang IT memiliki peran yang sangat besar untuk kemajuan teknologi informasi itu sendiri.

Sebagai Orang IT, sudah sepatutnya mereka tidak menganggap hal itu sebagai hal yang sepele. Melihat perkembangan semakin maju, orang IT harus bisa memberikan perannya dalam pembangunan IT untuk kedepannya.

Seiring berjalannya waktu, banyak sekali pekerjaan-pekerjaan yang bisa digeluti oleh orang-orang IT. Namun, apa yang bisa dijadikan senjata untuk membekali itu semua?

Perlukah Orang IT Menguasai Semua Bidang IT?

Sebagai orang yang memiliki jiwa dalam dunia IT, sebenarnya untuk mencapai suatu spesialis bidang IT tidak mesti menguasai semua bagian IT. Tapi jika kita memiliki pengetahuan semua bidang IT, itu menjadi nilai tambah bagi diri kita sendiri.

Berikut ini akan dipaparkan, apa saja bidang-bidang IT yang bisa dijadikan passion untuk kita yang gemar dengan dunia IT:

1. Programmer

Menjadi seorang programmer tentu saja menjadi sebuah kebanggaan bagi orang IT. Dengan kemampuan logika dan algoritmanya, tentunya bisa membuat suatu aplikasi ataupun software yang berguna bagi pemakainya.

Bidang programmer ini sangat luas. Programmer juga memiliki spesialis, diantaranya ada desktop programming, web programming, mobile programming. Pembagian spesialis ini perlu dilakukan karena setiap bidang harus bisa menguasai bahasa-bahasa program yang berbeda. Contohnya seperti web programming, harus bisa menguasai PHP, MySQL, dan bahasa program pendukung web lainnya.

2. Teknisi Komputer dan Jaringan

Berbeda dengan programmer yang berfokus dengan perangkat lunak. Teknisi komputer jaringan lebih fokus pada bagian perangkat keras komputer. Pekerjaan taknisi komputer jaringan meliputi memperbaiki komputer, instalasi komputer, dan memasang jaringan.

Keahlian ini sangat dibutuhkan jika kita bekerja disuatu instansi Non-IT seperti Rumah sakit, Bank, maupun yang lainnya. Namun bukan berarti teknisi komputer jaringan tidak memiliki peranan penting dalam dunia IT, justru teknisi komputer akan membantu pekerjaan-pekerjaan IT lainnya dalam mengembangkan produk-produk IT.

Bisa dibayangkan jika komputer dalam keadaan rusak atau bermasalah, maka programmer tidak bisa melaksanakan pekerjaannya. Disinilah peran teknisi komputer jaringan untuk membantu programmer dalam melaksanakan tugasnya. Belum lagi koneksi jaringan internet bermasalah maupun masalah yang lainnya.

3. Designer

Apa jadinya ya jika hidup tanpa warna. Begitu juga dengan IT. Dalam membantu perkembangannya, peran designer juga memberi warna dalam perkembangan IT. Contohnya kita ambil dari bagian website. 

Tidak bisa dipungkiri bahwa website bukan hanya condong ke sistemnya saja, namun harus membuat daya tarik website itu sendiri agar pengunjung tidak pernah bosan untuk berkunjung ke website itu. Designer juga memiliki spesialisnya masing-masing seperti web designer, graphic design.

4. Pengajar IT

Perlahan tapi pasti, pendidikan IT sangat penting untuk diterapkan di suatu lembaga pendidikan formal maupun informal. Peran pengajar IT sangat membantu untuk menghasilkan orang-orang IT yang berguna bagi nusa dan bangsa. 

Sudah selayaknya pemerintah kita tidak memandang sebelah mata perkembangan IT yang terus menerus semakin berkembang pesat. Maka dari itu, alangkah baiknya mata pelajaran IT harus bisa dijadikan kurikulum mulai dari SD sampai perguruan tinggi. Sehingga masyarakat Indonesia akan melek akan dunia IT.

Dalam kenyataanya, orang-orang yang lulusan dari IT tidak selamanya bekerja dengan pekerjaan yang berkecimpung dalam dunia IT. Begitu juga dengan jurusan-jurusan yang lainnya. Tapi dengan begitu, banyak cara yang bisa dilakukan untuk menjadi sukses.  

Mungkin salah satu dari 4 passion diatas bisa dijadikan suatu tolak ukur untuk menggeluti dunia IT. Intinya harus fokus dan berusaha ya.

Bagi sobat yang ingin memberi tambahan passion (selain dari yang di atas), kritik, ataupun saran, silahkan isi komentar di bawah ya.

Demikianlah ulasan singkat mengenai perlukah orang IT menguasai semua bidang IT?

Semoga menambah wawasan bersama ya.

Cara Menerapkan CSS Pada HTML Untuk Pemula (Newbie)

Cara Menerapkan CSS Pada HTML - Dalam sebuah halaman web, design merupakan salah satu daya tarik yang bisa menjadi pacuan para pembaca web itu. Kode HTML dan CSS menjadi senjata yang paling utama untuk membuat design pada sebuah halaman web. Biasanya kita akan memberi style pada elemen HTML yang telah kita buat. Penggunaan CSS sangat bervariasi, diantaranya bisa memberi warna, merubah ukuran, mengatur tata letak pada sebuah halaman HTML, dan bisa juga untuk membuat animasi agar lebih mempunyai daya jual yang tinggi.

Banyak sekali cara menerapkan css pada html. Pada kesempatan ini kita akan membahas 3 cara menerapkan css pada html. Berikut ini adalah cara-cara yang bisa diterapkan, yaitu :

1. Inline Style

Inline style merupakan penerapan kode css pada satu elemen html yang berada dalam satu halaman html. Maksud dari cara ini yaitu dengan langsung memberi style dengan meletakkan kode css pada atribut tag html. Atribut yang digunakan untuk menyisipkan kode css yaitu atribut style. Contoh sebagai berikut:

<p>Hello World</p>

<p>Hai World</p>

Jika skrip html diatas dijalankan, maka tulisan akan berwarna hitam. Kita bisa saja merubah warna tulisannya menjadi warna hijau, maka kita bisa langsung memberikan atribut style dengan value color: green; contohnya seperti berikut:

<p style="color: green;">Hello World</p>

<p style="color: green;">Hai World</p>

Perlu diketahui, metode inline sangat tidak efisien. Sebab, kita hanya dapat menerapkan style untuk satu elemen itu saja. Bisa dibayangkan jika pada satu halaman html ada banyak paragraf, ini bisa membuat pekerjaan anda menjadi lambat.

2. Embedded style atau Internal Style

Kalau tadi inline style hanya dapat digunakan pada satu elemen html di dalam 1 halaman html, maka lain halnya dengan internal style. Internal style bisa digunakan di beberapa elemen html dalam satu halaman html. Metode ini menggunakan tag style didalam elemen head.

Sebagai contoh, kita akan merubah semua elemen paragraf dengan warna hijau.

Dengan menggunakan metode ini, baik paragraf 1 dan 2 dapat berubah semuanya menjadi warna hijau.

3. Linked style atau External style

Metode ini merupakan metode yang bisa digunakan untuk merubah style pada semua halaman. Dengan cara ini, kita harus membuat sebuah halaman css. Setelah kita membuat file css, maka file tersebut akan dipanggil dalam halaman yang ingin diberi style css nantinya. contohnya sebagai berikut ini:

Halaman css. Beri nama style.css (nama file terserah)

Ketikkan kode css berikut: 

p{

color: green;

}

Pada halaman html, tambahkan tag link untuk memanggil file style.css

Jika metode ini dijalankan, maka hasilnya juga seperti kedua metode diatas. Intinya, file css itulah sebagai kunci untuk merubah style yang ada pada setiap halaman html. Dan cara ini terbilang cukup efektif.

Sekian saja tentang cara menerapkan css pada html untuk pemula (newbie). Semoga bermanfaat bagi setiap insan yang membacanya.

Cara Menerapkan Bootstrap Untuk Pemula

Cara Menerapkan Bootstrap Untuk Pemula - Apa kabar ni sahabat developer? Mungkin disini ada yang hobby bergelut di bidang web. Khususnya pada bagian web design. Kalau iya, anda tidak salah untuk mampir ke blog ini.

Banyak cara untuk membuat template web. Ada sebagian orang yang biasa menggunakan photoshop untuk membuat template web mereka. Juga ada yang biasa ngoding dengan CSS untuk membuat template sesuai dengan yang mereka inginkan. Selain photoshop dan css, ada ni yang belakangan ini yang sangat ngetren yaitu Framework Bootstrap. Kita tidak perlu capek-capek untuk ngoding dari awal demi membuat template web, karena bootstrap membantu pekerjaan kita cepat selesai.

Bootstrap ?

Bootsrap adalah frond-end framework yang luar biasa bagus demi mengedepankan mobile device (Handphone, Smartphone, dll). Framework menyediakan HTML, CSS, dan Javascript yang siap pakai dan mudah untuk mengembangkan tampilan web menjadi interaktif maupun responsive.

Bootstrap, Untuk Apa Digunakan ?

Bootstrap merupakan framework yang digunakan untuk membangun tampilan web secara responsive, yang dalam arti tampilan yang dibuat oleh bootstrap akan menyesuaikan ukuran layar, baik itu ukuran layar monitor, smartphone, tablet, maupun yang lainnya.

Belajar Bootstrap Untuk Pemula

Untuk belajar bootstrap, anda harus mempersiapkan beberapa hal. Diantaranya : bahan dan tools pendukung untuk melengkapi kegiatan belajar. Baik langsung saja kita ke tahap pembahasan cara menerapkan bootstrap untuk pemula

1. Anda Harus Mempunyai File-File Bootstrapnya

Kalau kita belum mempunyai file bootstrapnya, kita bisa mendownloadnya disitus resminya getbootstrap.com. Setelah situs terbuka, klik tombol Download Bootstap. Maka kita akan dialihkan ke halaman getbootstrap.com/getting-started/#download. Setelah itu, klik tombol Download Bootstrap. File yang terdownload adalah file zip. Setelah itu, extract-lah filenya agar berbentuk menjadi folder. Di dalam folder bootstrap yang sudah kita extract terdapat 3 folder, yakni : css, fonts, js.

2. Penerapan Sederhana Bootstrap

Pada tahap ini kita langsung terjun ke coding. Buatlah newfolder (terserah), lalu copy-kan 3 folder yang ada didalam bootstrap yang sudah di extract tadi ke newfolder yang baru kita buat. Lalu bukalah text editor (notepad, notepad++, edit plus, dan sebagainya). Lalu kita ketikkan coding seperti ini contohnya :

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->

    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>

      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

    <![endif]-->

  </head>

  <body>

    <div class="container">

      <h1>Hello World !!!</h1>

      <p><button class="btn btn-success btn-lg">Click!!!</button></p>

    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->

    <script src="js/bootstrap.min.js"></script>

  </body>

</html>

Simpan sintaks diatas dengan nama misalnya : (tes.html). Simpannya harus didalam newfolder yang kita buat tadi. Berarti nanti didalam folder kita ada 3 folder dari bootsrap dan 1 file (tes.html).

3. Tampilkan Hasil di Browser

Pada tahap ini, kita akan melihat hasilnya. Double klik-lah file tes.html, lalu kita akan sama-sama melihat hasilnya. Gimana, cukup mudah bukan. Hasilnya pun terlihat seperti dibawah ini

Terlihat jelas bahwa tombol yang warna hijau itu adalah button. Maka bisa dilihat sintaks diatas pada bagian <button class="btn btn-success btn-lg">Click!!!</button>

Kita cukup mengetahui class-class apa saja yang ada pada bootstrap, lalu kita cukup melakukan pemanggilan class-nya saja. Mudah bukan ?

Demikianlah artikel sederhana tentang cara menerapkan bootstrap untuk pemula. Semoga memberi penambahan wawasan sama kita ya.